import {
  DownOutlined,
  EllipsisOutlined,
  QuestionCircleOutlined,
} from '@ant-design/icons';
import type { ProColumns } from '@ant-design/pro-components';
import { ProTable } from '@ant-design/pro-components';
import { Button, Tag, Tooltip } from 'antd';
import React, { useState } from 'react';
import { PageContainer } from '@ant-design/pro-layout';
import TeamPeople from './component/TeamPeople';
import Reference from './component/Reference';

export default () => {
  const [tabKey, setTabKey] = useState('团队人员列表');

  return (
    <PageContainer
      // extra={[
      //   <Button key="3">操作</Button>,
      //   <Button key="2">操作</Button>,
      //   <Button
      //     key="1"
      //     type="primary"
      //     onClick={() => {
      //       // console.log(tableListDataSource);
      //     }}
      //   >
      //     主操作
      //   </Button>,
      // ]}
      tabList={[
        {
          tab: '团队人员列表',
          key: '团队人员列表',
        },
        {
          tab: '参考文献检索库',
          key: '参考文献检索库',
        },
      ]}
      onTabChange={(key: any) => {
        setTabKey(key);
      }}
    >
      {tabKey === '团队人员列表' ? <TeamPeople /> : null}
      {tabKey === '参考文献检索库' ? <Reference /> : null}
    </PageContainer>
  );
};
